<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>数据分析</title>
        <link  href="../css/jquery.jqplot.css"/>
        <script type="text/javascript" src="../js/jquery.jqplot.js"></script>
        
    </head>
    <body>
      <div class="superbox">
            <p id="titleshuju">数据分析</p>
            <div id="tongji">
                <div class="sel1">
                    <p>文章数</p>
                    <p>7</p>
                </div>
                <div class="sel1">
                    <p>总字数</p>
                    <p>7213</p>
                </div>
                <div class="sel1">
                    <p>总访客量</p>
                    <p>1111</p>
                    <p>今日新增🚀<mark>22</mark></p>
                </div>
                <div class="sel1">
                    <p>总访问数</p>
                    <p>54321</p>
                    <p>今日新增🚀<mark>321</mark></p>
                </div>
            </div>
            
            <div id="jqplot">
                    <div id="chart1" style="width: 60vh;height: 40vh;"></div>
                    <div id="chart2" style="width: 60vh;height: 40vh;"></div>
                    <div id="chart3" style="width: 60vh;height: 40vh;"></div>
                    <div id="chart4" style="width: 60vh;height: 40vh;"></div>
            </div>
      </div>
    </body>
     <script class="code" type="text/javascript">
                $(document).ready(function(){
                  // 调用jqplot函数生成图表
                  var plot1 = $.jqplot ('chart1', [[3,7,9,1,5,3,8,2,5]]);
                  var plot1 = $.jqplot ('chart2', [[3,7,9,1,5,3,8,2,5]]);
                  var plot1 = $.jqplot ('chart3', [[3,7,9,1,5,3,8,2,5]]);
                  var plot1 = $.jqplot ('chart4', [[3,7,9,1,5,3,8,2,5]]);
                });
            </script>
</html>